<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>


<style type="text/css">
	
.loginWrap {
	font-size:12px;
	height:400px;
	background-color:#ffffff; 
	padding-top:150px;
	}
	.loginWrap .loginArea {
		background-color:#ffffff;
		padding:40px 0;
		width:500px;
		height:178px;
		border:2px solid #E7E7E7;
		margin:auto;
		}
	.loginWrap .borderLink{
		border-top:2px solid #E7E7E7;
		border-bottom:2px solid #E7E7E7;
		width:485px;
		height:53px;
		padding-top:20px; 
		padding-right:15px;
		background:#f5f5f5;

	}
	.loginWrap .findLink {
		display:block;
		float:right;
		width:150px;
		height:30px;
		background:#FFFFFF;
		font-size:13px;
		color:#8c7f7f;
		text-align:center;
		border:1px solid #E7E7E7;
		vertical-align:middle;
		margin-left: 10px;

		}
	.loginWrap .joinLink {
		display:block;
		float:right;
		width:150px;
		height:30px;
		background:rgb(74,84,94);
		font-size:13px;
		color:#FFFFFF;
		text-align:center;
		border:1px solid #E7E7E7;
		vertical-align:middle;
	
		}
		/* display:block;
		width:350px;
		height:41px;
		font-size:14px;
		color:#000000;
		font-weight:bold;
		line-height:41px;
		} */
		
	.loginForm {
		margin:0;
		padding:0;
		width:348px;
		
	}
	
	
	
	.loginFieldset {
		margin:auto;
		overflow:hidden;
		border:0px;
		padding-right: 20px;
		
	}
	

	.loginFieldset .row {
		margin:0 0 10px 0;
		width:320px;
		overflow:hidden;
	
	}
	
	.loginFieldset .loginLink {
		display:block;
		float:right;
		width:120px;
		height:87px;
		background:#d67e7e;
		font-size:14px;
		color:#ffffff;
		font-weight:bold;
		text-align:center;
		line-height:72px;
		
		}
	.loginFieldset .loginLabel-1 {
		float:left;
		width:100px;
		height:32px;
		font-size:14px;
		color:#000000;
		line-height:32px;
		
	
		}
	.loginFieldset .loginInput-1 {
		float:left;
		width:190px;
		height:28px;
		border:1px solid #aeb3b9;
		font-family:Dotum;
		font-size:14px;
		color:#000000;
		line-height:28px;
		background:#f5f5f5;
		
	
		}
		
	
</style>

<meta http-equiv="Content-Type" content="text/html; charset=EUC-KR">
<title>Login 화면</title>
	<div id="wrapper">
		<div id="container_sub">
			<div align="center">
			<div class="loginWrap">
					<div class="loginArea">
					<form:form action="login.do" commandName="memberCommand">
					<form:errors element="div"/>
						<fieldset class="loginFieldset">
							<div style="float:left; width:258px;">
								<div class="row">
									<label for="u_id" class="loginLabel-1">회원 아이디</label>
									<form:input path="id" id="id" title="아이디" class="loginInput-1" name="id" maxlength="10" />
								</div>
								<div class="row">
									<label for="u_passwd" class="loginLabel-1">비밀번호</label>
									<form:password path="password"  title="비밀번호" name="passwd" maxlength="8" class="loginInput-1" />
								</div>
								<form:errors path="id"/>
								<form:errors path="password"/>
						    </div>
					   <input type="submit" value="로그인" class="loginLink">
				       </fieldset>
					</form:form>  
					<br><br>
					<div class="borderLink">
					<div>
						<input type="button" class="findLink" value="아이디ㆍ비밀번호 찾기">
					</div>
					<div>
						<input type="button" class="joinLink" value="회원가입" onclick="location.href='<%=request.getContextPath()%>/member/join.do'">
							
					</div> 
						</div>
			         </div>
		</div>
	</div>
	</div>
	</div>
	
